* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
    height: 100%;
    background-image: url(../asset/img/background.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.nav {
    height: 45px;
    width: 100%;
    display: flex;
    padding: 0 5vw;
    background-color: rgba(30, 30, 30, 0.4);
    color : #fff;
    align-items: center;
    justify-content:space-between;
}
.nav .via {
    height: 40px;
    width: 40px;
    margin-right: 10px;
    border-radius: 50%;
}
.nav .left, .nav .right {
    height:100%;
    display: flex;
    align-items: center;
}
.nav a {
    display: block;
    color: #fff;
    text-decoration:none;
    padding: 0 10px;
    line-height: 45px;
}
.nav a:hover {
    background-color: rgba(40, 40, 40, 0.4);
}
::-webkit-scrollbar-track{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);}/*滚动条的滑轨背景颜色*/
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.05);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(75, 75, 75, 0.58);}/*滑块颜色*/
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.2);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(48, 48, 48, 0.92);}
::-webkit-scrollbar{width: 16px;height: 16px;}/* 滑块整体设置*/
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb{border-radius: 999px;border: 5px solid transparent;}
::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-thumb{min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-corner{background: transparent;}/* 横向滚动条和纵向滚动条相交处尖角的颜色 */